﻿<UserControl x:Class="Noboru.Demo.ShadowControlPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    xmlns:c="clr-namespace:Noboru.Windows.Controls;assembly=Noboru.Windows.Controls">

    <Grid x:Name="LayoutRoot" Background="White">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>
        <Border Width="Auto" Height="26" BorderThickness="1,1,1,1" BorderBrush="#FF000000" VerticalAlignment="Center" Padding="0,0,0,0" Margin="0,0,0,10">
            <Border.Background>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FF000000" Offset="1"/>
                    <GradientStop Color="#FFB3AFAF" Offset="0.003"/>
                </LinearGradientBrush>
            </Border.Background>
            <TextBlock Text="Shadow Control" Foreground="White"  VerticalAlignment="Center" HorizontalAlignment="Left" Margin="6,0,0,0"/>
        </Border>
        <Border BorderBrush="Gray" BorderThickness="1" Grid.Row="1" Width="Auto" CornerRadius="5" Margin="10,0,10,0" Padding="8">
            <Border.Background>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFBEC0C2" Offset="0.994"/>
                    <GradientStop Color="#FFE5E5E6" Offset="0.006"/>
                </LinearGradientBrush>
            </Border.Background>
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="Auto" />
                </Grid.ColumnDefinitions>
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto" />
                    <RowDefinition Height="Auto" />
                    <RowDefinition Height="Auto" />
                    <RowDefinition Height="Auto" />
                    <RowDefinition Height="Auto" />
                    <RowDefinition Height="Auto" />
                    <RowDefinition Height="Auto" />
                    <RowDefinition Height="Auto" />
                </Grid.RowDefinitions>
                <TextBlock Grid.Row="0" Grid.Column="0" Text="Shadow Width" />
                <TextBox x:Name="widthValue" Grid.Row="1" Grid.Column="0" Text="6" Grid.ColumnSpan="1" TextChanged="widthValue_TextChanged" />
                <TextBlock Grid.Row="2" Grid.Column="0" Text="Distance" Margin="0,6,0,0" />
                <TextBox x:Name="distanceValue" Grid.Row="3" Grid.Column="0" Text="7" Grid.ColumnSpan="1" TextChanged="distanceValue_TextChanged" />
                <TextBlock Grid.Row="4" Grid.Column="0" Text="Angle" Margin="0,6,0,0" />
                <TextBox x:Name="angleValue" Grid.Row="5" Grid.Column="0" Text="315" Grid.ColumnSpan="1" TextChanged="angleValue_TextChanged" />
                <TextBlock Grid.Row="6" Grid.Column="0" Text="Shadow Opacity" Margin="0,6,0,0" />
                <TextBox x:Name="opacityValue" Grid.Row="7" Grid.Column="0" Text=".8" Grid.ColumnSpan="1" TextChanged="opacityValue_TextChanged" />
            </Grid>
        </Border>
        <StackPanel Orientation="Vertical" Grid.Row="2" Margin="18">
            <c:Shadow x:Name="shadowButton">
                <Button Width="100" Height="26" Content="Button" />
            </c:Shadow>
        </StackPanel>
        <StackPanel Orientation="Vertical" Grid.Row="3" Margin="18, 38, 0, 0">
            <c:Shadow x:Name="shadowTextBox" >
                <TextBox Width="200" Text="TextBox"/>
            </c:Shadow>
        </StackPanel>
        <StackPanel Orientation="Vertical" Grid.Row="4" Margin="18, 48, 0, 0">
            <c:Shadow x:Name="shadowBorder" >
                <Border Width="150" Height="30" CornerRadius="5" Background="WhiteSmoke" />
            </c:Shadow>
        </StackPanel>
    </Grid>

</UserControl>
